<style>
    .basicinfo {
        margin: 15px 0;
    }

    .basicinfo .row > .col-xs-4 {
        padding-right: 0;
    }

    .basicinfo .row > div {
        margin: 5px 0;
    }

	/*#qrcode{
		width: 250px;
		height: 250px;
	}*/
	#qrcode{
		width: 100%;
	}
</style>
<div id="content-container" class="container">
    <div class="row">
        <div class="col-md-3">
            {include file="common/sidenav" /}
        </div>
        <div class="col-md-9">
            <div class="panel panel-default">
                <div class="panel-body">
                    <h2 class="page-header">
                        {:__('邀请有奖')}
                        <!--<a href="{:url('user/profile')}" class="btn btn-primary pull-right"><i class="fa fa-pencil"></i> {:__('Profile')}</a>-->
                    </h2>
                    <div class="row user-baseinfo">
                        <div class="col-md-9 col-sm-9 col-xs-12 text-center user-center">
							<!--<div id="qrcode" data-text="{$qrcode}"></div>-->
							<img id="qrcode" src=""/>
                        </div>

                        <div class="col-md-9 col-sm-9 col-xs-12">
                            <div class="ui-content">
                                <div class="basicinfo">
                                    <div class="row">
										<p style="text-align: center"><img src="__CDN__/assets/img/fingerprint.png" width="20px">长按上方图片保存并分享</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
<script src="__CDN__/assets/addons/epay/js/jquery.qrcode.min.js?v={$site.version}"></script>
<script>
	$(function(){
		/*if ($("#qrcode").length > 0) {
			$("#qrcode").qrcode({width: 250, height: 250, text: $('#qrcode').data('text')});
		}*/
	})
</script>